<template>
    <main>

        <!-- breadcrumb-area -->
        <section class="breadcrumb-area breadcrumb-bg">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb-content">
                            <h2 class="title">PAGE NOT FOUND</h2>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"> <router-link to="index.html">Home</router-link></li>
                                    <li class="breadcrumb-item active" aria-current="page">404 Page</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- breadcrumb-area-end -->

        <!-- 404-area -->
        <section class="error-area pt-100 pb-100">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-10">
                        <div class="error-content text-center">
                            <div class="error_txt">404</div>
                            <h5>oops! The page you requested was not found!</h5>
                            <p>The page you are looking for was moved, removed, renamed or might never existed.</p>
                            <div class="search_form">
                                <form method="post">
                                    <input name="text" id="text" type="text" placeholder="Search Here ...."
                                        class="form-control">
                                    <button type="submit" class="icon_search"><i class="flaticon-loupe"></i></button>
                                </form>
                            </div>
                            <router-link to="index.html" class="btn rounded-btn">Back To Home</router-link>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 404-area-end -->

    </main>
</template>

<script>
export default {
    components: {

    },
    data() {
        return {

        }
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },

    beforeCreate() {

    },
    beforeDestroy() {

    },
    deactivated() {

    },
}
</script>

<style>

</style>